.clear-float {
  zoom: 1;
}

.clear-float:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.clear-10 {
  display: block;
  height: 10px;
  width: 100%;
  clear: both;
  background-color: transparent;
}

.clear-15 {
  height: 15px;
  width: 100%;
  clear: both;
  background-color: transparent;
}

.clear-20 {
  height: 20px;
  width: 100%;
  clear: both;
  background-color: transparent;
}

.clear-30 {
  height: 30px;
  width: 100%;
  clear: both;
  background-color: transparent;
}

.clear-40 {
  height: 40px;
  width: 100%;
  clear: both;
  background-color: transparent;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.light-black {
  border: 1px solid #555555;
  color: #555555;
  background-color: #ffffff;
}

.light-black.selected {
  color: #ffffff;
  background-color: #555555;
}


.light-blue {
  border: 1px solid #19BFD9;
  color: #19BFD9;
  background-color: #ffffff;
}

.light-blue.selected {
  color: #ffffff;
  background-color: #19BFD9;
}

.light-green {
  border: 1px solid #19D99C;
  color: #19D99C;
}

.light-green.selected {
  color: #ffffff;
  background-color: #19D99C;
}

.dark-blue {
  border: 1px solid #1934D9;
  color: #1934D9;
}

.dark-blue.selected {
  color: #ffffff;
  background-color: #1934D9;
}

.light-purple {
  border: 1px solid #A519D9;
  color: #A519D9;
}

.light-purple.selected {
  color: #ffffff;
  background-color: #A519D9;
}
